<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head  xml:lang="es" lang="es">
        <title>Facelet Title</title>
        <script src="http://code.jquery.com/jquery.js"></script>
        <h:outputStylesheet library="css" name="bootstrap.min.css"  />
        <h:outputScript library="js" name="bootstrap.js" />
    </h:head>
    <h:body>
        <div class="container">
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <a class="brand" href="index.xhtml">Analizador de Google Play</a>
                </div>
            </div>
            <div class="hero-unit">
                <h1>Analizador de Google Play</h1>
            </div>
            <div class="row">
                <div class="span6">
                    <h2>Análisis por categoría</h2>
                    <h:form class="form-horizontal">
                        <h:outputLabel  value="Categoría: " >
                            <h:selectOneMenu id="categoria"
                                             value="#{paginaPrincipal.categoriaSeleccionada}">
                                <f:selectItems value="#{paginaPrincipal.categorias}" 
                                               var="cat" itemValue="#{cat.urlCategoria}" itemLabel="#{cat.nombreCategoria}"/>  
                            </h:selectOneMenu>
                        </h:outputLabel>
                        <h:outputLabel>
                            <h:selectOneRadio id="tipoAplicacion" value="#{paginaPrincipal.gratuitas}">
                                <f:selectItem itemValue="FALSE" itemLabel="De pago" />
                                <f:selectItem itemValue="TRUE" itemLabel="Gratuitas" />
                            </h:selectOneRadio>
                        </h:outputLabel>
                        <h:commandButton value="Analizar" class="btn" action="#{paginaPrincipal.unaCategoria()}" />
                    </h:form>

                </div>
                <div class="span6">
                    <h2>Análisis individual</h2>
                    <h:form class="form-horizontal">
                        <h:outputLabel value="Url de la aplicación: " >
                            <h:inputText id="direccion" value="#{paginaPrincipal.direccion}" class="input-xlarge" />
                            <h:commandButton value="Analizar" class="btn" action="#{paginaPrincipal.unaAplicacion()}"/>
                        </h:outputLabel>
                    </h:form>
                </div>
            </div>
            <br /><br/>
            <hr />
            <div id="footer">

                <div class="container">

                    <div class="span9">
                        <p class="muted credit">Agustina González Pavón </p>
                        <p class="muted credit">Antonio Jesús Viñas Sandiez</p>
                    </div>
                </div>
            </div>
        </div>
    </h:body>
</html>

